<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    .a{
        height: 40px;
        background: wheat;
        box-shadow: 0px 1px 2px black;
        background-image: url(../导航菜单/导航背景.jpg);
        width: 1459px;
        height: 695px;
    }
    *{
        margin: 0;
        padding: 0;
        text-decoration: none;
        list-style: none;
    }
    .c{
        float: left;
        width: 150px;
        height: 40px;
        text-align: center;
        line-height: 40px;
    }
    .c a{
        color: black;
    }
    .c a:hover{
        background: #ccc;
        display: block;
        
    }
    .c:hover.d{
        display: block;
    }
    .d{
        background: #ccc;
        box-shadow: 0px 1px 2px #ccc;
        display: none;
    }
    .c:hover .d{
        display: block;
    }
</style>
<body>
    <div class="a">
        <ul class="b">
            <li class="c"><a href="#">首页</a></li>
            <li class="c">
                <a href="#">电视剧</a>
                <ul class="d">
                    <li><a href="#">莲花楼</a></li>
                    <li><a href="#">追风者</a></li>
                    <li><a href="#">最后的我们</a></li>
                    <li><a href="#">当我飞奔向你</a></li>
                </ul>
            </li>
            <li class="c">
                <a href="#">电影</a>
                <ul class="d">
                    <li><a href="#">赌神</a></li>
                    <li><a href="#">三大队</a></li>
                    <li><a href="#">消失的她</a></li>
                    <li><a href="#">速度与激情</a></li>
                </ul>
            </li>
            <li class="c">
                <a href="#">综艺</a>
                <ul class="d">
                    <li><a href="#">中国好声音</a></li>
                    <li><a href="#">王牌对王牌</a></li>
                    <li><a href="#">这就是街舞</a></li>
                    <li><a href="#">奔跑吧 兄弟</a></li>
                </ul>
            </li>
            <li class="c">
                <a href="#">明星</a>
                <ul class="d">
                    <li><a href="#">成龙</a></li>
                    <li><a href="#">王阳</a></li>
                    <li><a href="#">周星驰</a></li>
                    <li><a href="#">成毅</a></li>
                </ul>
            </li>
        </ul>

    </div>

    
</body>
</html>